<script setup lang="ts">
import { ref } from 'vue'
const intro = ref('今天在下大雨')
const myTag = ref('<h3>你好呀</h3>')
const isShow = ref(false)
const toggle = () => {
  isShow.value = !isShow.value
}
// v-show 只会创建一次，适用于频繁切换
// v-if 会多次创建，开销较大 显示一次创建一次，隐藏就销毁一次
</script>
<template>
  <div class="app-page">
    <div v-text="intro" v-show="isShow"></div>
    <button @click="toggle">点击</button>
    <div v-html="myTag" v-if="isShow"></div>
  </div>
</template>

<style lang="css" scoped></style>
